<template>
  <view class="pages">
    <view class="my-order-list w100">
      <u-empty v-if="list.length===0" text="暂无物流" mode="history"></u-empty>
      <view class="item" v-for="item in list">
        <view class="box">
          <view class="text">
            <text class="price">{{item.status}}</text>
          </view>
          <view class="text">
            <text>{{item.context}}</text>
          </view>
          <view class="time">
            <text>{{item.ftime}}</text>
          </view>
          <!-- <view class="text">
            <text>颜色：</text>
            <text>{{item.colour}}</text>
          </view>
          <view class="text">
            <text>内存：</text>
            <text>{{item.memory}}</text>
          </view>
          <view class="text" v-if="item.imei!=''">
            <text>序列号：</text>
            <text>{{item.imei}}</text>
          </view> -->
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        current:0,
        order_id:'',
        list: [],
        query: {
          page: 1,
          pageSize: 10,
        },
        loadMore: '',
      }
    },
    onLoad(option){
        this.getList(option.id)
    },
    methods: {
      // 获取列表数据
      async getList(order_id) {
        const res = await this.$http('/order/logistics', {order_id})
        this.list = res.data
      },

    },
  }
</script>

<style lang="scss" scoped>
  .pages {
    padding: 0 0 calc(16rpx + #{$safe});
  }
  ::v-deep .u-sticky{
    width: 100%;
  }
  ::v-deep .u-tabs__wrapper__nav__item__text {
    font-size: 28rpx !important;
  }

  .my-order-list {
    padding: 32rpx 16rpx;
    box-sizing: border-box;

    .item {
      background-color: #fff;
      border-radius: 16rpx;
      overflow: hidden;
      margin-bottom: 16rpx;


      .box {
        padding: 20rpx 38rpx;

        .text {
          line-height: 56rpx;
          display: flex;
          align-items: center;
          color: #1d1715;
          font-size: 28rpx;

          .price {
            font-weight: 700;
            color: #fa3534;
          }
        }
        .time{
          font-size: 24rpx;
          color: #ccc;
        }
      }
    }
  }
</style>
